{% extends 'base_user_center.html' %}
{% load static %}
{% block right_content %}
<div class="right_content clearfix">
				{% csrf_token %}
				<h3 class="common_title2">全部订单</h3>
				{% for order in order_page %}
				<ul class="order_list_th w978 clearfix">
					<li class="col01">{{ order.create_time }}</li>
					<li class="col02">订单号：{{ order.order_id }}</li>
					<li class="col02 stress">{{ order.status_name }}</li>
				</ul>

				<table class="order_list_table w980">
					<tbody>
						<tr>
							<td width="55%">
								{% for order_sku in order.order_skus %}
								<ul class="order_goods_list clearfix">
									<li class="col01"><img src="{{ order_sku.sku.image.url }}"></li>
									<li class="col02">{{ order_sku.sku.name }}<em>{{ order_sku.sku.price }}元/{{ order_sku.sku.unite }}</em></li>
									<li class="col03">{{ order_sku.count }}</li>
									<li class="col04">{{ order_sku.amount }}元</li>
								</ul>
								{% endfor %}
							</td>
							<td width="15%">{{ order.total_price|add:order.transit_price }}(含运费:{{ order.transit_price }})元</td>
							<td width="15%">{{ order.status_name }}</td>
							<td width="15%"><a href="#" order_id="{{ order.order_id }}" status="{{ order.order_status }}" class="oper_btn">去付款</a></td>
						</tr>
					</tbody>
				</table>
				{% endfor %}
				<div class="pagenation">
					{% if order_page.has_previous_page %}
					<a href="{% url 'user:order' order_page.previous_page_number %}"><上一页</a>
					{% endif %}
					{% for pindex in pages %}
						{% if pindex == order_page.number %}
					<a href="{% url 'user:order' pindex %}" class="active">{{ pindex }}</a>
						{% else %}
					<a href="{% url 'user:order' pindex %}">{{ pindex }}</a>
						{% endif %}
					{% endfor %}
					{% if order_page.has_next_page %}
					<a href="{% url 'user:order' order_page.next_page_number %}">下一页></a>
					{% endif %}
				</div>
		</div>
{% endblock right_content %}
{% block bottomfiles %}
	<script src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
	<script>
		$('.oper_btn').each(function () {
        // 获取支付状态
        status = $(this).attr('status');
        if (status == 1){
            $(this).text('去付款')
        }
        else if (status == 4){
            $(this).text('去评价')
        }
        else if (status == 5){
            $(this).text('已完成')
        }
    	});

		$('.oper_btn').click(function() {
			// 获取订单status
			var status = $(this).attr('status');
			var order_id = $(this).attr('order_id');
			if (status == 1){
				// 进行支付
				// 获取订单id
				var csrf = $('input[name="csrfmiddlewaretoken"]').val();
				// 组织参数
				params = {'order_id': order_id, 'csrfmiddlewaretoken': csrf};
				// 发起ajax post请求，访问/order/pay 传递参数order_id
				$.post('/order/pay', params, function(data) {
						if (data.res == 3) {
							// 引导用户到支付页面
							window.open(data.pay_url);
							// 浏览器访问/order/query,获取支付交易的结果
							// ajax post 传递参数 order_id
							$.post('/order/check', params, function(data){
								if (data.res == 3) {
								    # 引导用户到支付页面
									alert('支付成功');
                                    // 刷新页面
                                    location.reload()
								}
								else {
								    alert(data.errmsg)
								}
							})
						}
						else {
							alert(data.errmsg)
						}
				})
			}
			else if (status == 4){
				// 其他情况
				// 跳转到其他页面
				alert(order_id)
				location.href = '/order/comment/' + order_id  // 给后端的url捕获
			}
		})
	</script>
{% endblock bottomfiles %}